.w1200{
	width: 1200px;margin: 0 auto;
}
a:hover{
	text-decoration: none;
}
.toper{
	height: 28px;
	line-height: 28px;
}
.top_right{
			font-size: 14px;
			color: #ff5a00;
			font-weight: bold;
		}
		.top_right img{
			vertical-align: middle;		
			margin-right: 5px;	
			margin-top: -8px;
		}
		.header{
			height: 92px;
			line-height: 92px;
			overflow: hidden;
		}
		.header .logo img{
			vertical-align: middle;
		}
		.header .nav ul li{
			display: inline-block;
			vertical-align: middle;
			margin-left:30px;
		}
		.header .nav ul li a{
			font-size: 14px;
			color: #666666;
		}
		.bannerslide{
			width: 100%;
			height: 450px;
			position: relative;
		}
		.bannerslide .bd {
			position: relative;
		}
		.bannerslide .bd ul li{
			width: 100%;
			height: 450px;
			color: #ffffff;			
		}
		.bannerslide .bd ul li img{
			width: 100%;
			height: 450px;
		}
		.bannerslide .txt{
			position: absolute;
			left: 23%;
			bottom: 84px;
			z-index: 5;color: #fff;
		}
		.bannerslide .txt h1{
			font-size: 44px;
			margin-bottom: 30px;
			
		}
		.bannerslide .txt p{
			font-size: 16px;
			line-height: 26px;
			margin-bottom: 40px;
		}
		.bannerslide .txt a{
			display: inline-block;
			width: 98px;
			height: 28px;
			border:1px solid #FFFFFF;
			border-radius: 5px;
			font-size: 16px;
			color: #FFFFFF;
			text-decoration: none;
			line-height: 28px;
			text-align: center;
			margin-right: 10px;
		}
		.bannerslide .hd{
			position: absolute;
			right: 30%;
			bottom: 0;
			height: 30px;
			line-height: 30px;
		}
		.bannerslide .hd ul li{
			cursor: pointer;
    		display: inline-block;
   			 zoom: 1;
    		width: 10px;
    		height: 10px;
    		margin: 4px;
			background:url(../img/img227.png);
		}
		.bannerslide .hd ul .on{
			background:url(../img/img226.png);
		}
.content_top{
	text-align: center;
	padding-top: 70px;
}
.content_top h2{
	font-size: 36px;
	color: #666666;
	margin-bottom: 36px;
}
.content_top p{
	font-size: 18px;
	color: #666666;
}
.content_top ul{
	margin-top: 63px;
	width: 111%;
	height: auto;
	overflow: hidden;
}
.content_top ul li{
	float: left;
	margin-right: 119px;
}
.content_top ul li .img{
	margin-bottom: 3px;
}
.core{
	text-align: center;
}
.core h2{
	margin-top: 100px;
	font-size: 36px;
	color: #666666;
	margin-bottom: 80px;
}
.core ul{
	width: 105%;
	height: auto;
	overflow: hidden;
} 
.core ul li{
	float: left;
	width: 22%;
	margin-right: 3%;
	text-align: center;
}
.core ul li:first-child .txt_h6{
	text-align: left;
}
.core ul li:last-child .txt_h6{
	text-align: right;
}
.core ul li a{
	display: block;
}
.core ul li a .img{
	margin:0px auto 10px auto;
}
.core ul li a .txt {
	height: 56px;
	position: relative;
}
.core ul li a .txt p{
	font-size: 18px;
	color: #666666;
	line-height: 29px;
}
.core ul li a .txt_h6 h6{
	font-size: 14px;
}
.ask{
	text-align: center;
	padding-top: 90px;
	height: auto;
	overflow: hidden;
	position: relative;
}
.ask button{
	display: inline-block;
	margin-right: 140px;
	width: 260px;
	height: 65px;
	border:none;
	font-size: 24px;
	color: #FFFFFF;
	margin: 0 70px;
	background:#ff5452;
	border-radius: 5px;
	cursor:pointer;
}
.ask button img{
	vertical-align: middle;
	margin-right: 19px;
}
.ask .show{
	background:#16a99f;
}
.combobuy{
	padding-top: 101px;
	text-align: center;
}
.combobuy h2{
	font-size: 36px;
	line-height: 46px;
	color: #666666;
}
.combobuy ul {
	height: auto;
	overflow: hidden;
	padding-top: 80px;
}
.combobuy ul li{
	float: left;
	margin-top: 90px;
	padding-bottom: 50px;
	width: 300px;
	height: 507px;
	position: relative;
	transition: all 5s linear;
	transition: height 3s;
}
@-webkit-keyframes resize {

    0% {
        height: 507px;
		margin-top: 90px;
    }
    25%{
    	height: 527px;
    	margin-top: 70px;
    }
    50% {
        height: 547px;
		margin-top: 50px;      
    }
   75% {
        height: 567px;
		margin-top: 30px;      
    }
    85% {
        height: 577px;
		margin-top: 20px;      
    }
    95% {
        height: 587px;
		margin-top: 10px;      
    }
    100% {
        height: 597px;
		margin-top: 0px;
    }
}
.combobuy ul li:hover{
	-webkit-animation-name: resize;/*动画名称*/
    -webkit-animation-duration: 1s;/*动画迭代计数 指的是完成用了多少时间*/
    -webkit-animation-iteration-count: 1;/*属性定义动画的播放次数*/
    -webkit-animation-direction: normal;/*alternate动画重复播放，normal不重复*/
   -webkit-animation-fill-mode:forwards;/*动画完成后停止在最后一步*/
    -webkit-animation-timing-function: linear;/*animation-timing-function指定动画将如何完成一个周期。*/
   animation-direction:alternate;
-webkit-animation-direction:alternate;
}
.combobuy ul li .headtop{
	height: 55px;
	text-align: center;
	line-height: 55px;
}
.combobuy ul li .headtop p{
	font-size: 22px;
	color: #F4F4F4;
}
.combobuy ul li .title{
	margin-top: 48px;
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 27px;
}
.combobuy ul li .conter{
	position: absolute;
	top:147px;
	left: 29%;
}
.combobuy ul li .conter p{
	font-size: 18px;
}
.combobuy ul li .conter p span{
	font-size: 14px;
}
.combobuy ul li .last_bottom{
	position: absolute;
	bottom:50px;
	left: 25%;
	width: 154px;
}
.combobuy ul li .last_bottom p{
	font-size: 24px;
	color: #ff8a00;
}
.combobuy ul li .last_bottom a{
	display: block;
	width: 153px;
	height: 44px;
	border-radius: 8px;
	background:#ff5452;
	line-height: 44px;
	font-size: 24px;
	color:#FFFFFF;
	text-decoration: none;
}
.combobuy ul .n1{
	background: #d7e1f7;
	color: #7b9ae6;
}
.combobuy ul .n2{
	background: #f9efdf;
	color: #e5bb79;
}
.combobuy ul .n3{
	background: #ffd9d4;
	color: #fe826f;
}
.combobuy ul .n4{
	background: #e7d9f6;
	color: #b080e1;
}
.combobuy ul .n1 .headtop{
	background:url(../img/img220.png) no-repeat;
}
.combobuy ul .n2 .headtop{
	background:url(../img/img221.png) no-repeat;
}
.combobuy ul .n3 .headtop{
background:url(../img/img222.png) no-repeat;
}
.combobuy ul .n4 .headtop{
background:url(../img/img223.png) no-repeat;
}
.combobuy ul .n2 .conter .puls{
	margin-top: 35px;
}
.combobuy ul .n3 .conter .puls{
	margin-top: 24px;
}
.combobuy ul .n4 .conter .puls{
	margin-top: 24px;
}
.icont{
	position: relative;
	padding-top: 160px;
}
.icont a{
	position: absolute;
	bottom: -8px;
}
.icont a:first-child{
	left: 0;

}
.icont a:last-child{
	right: 0;

}
.hr .hr_x{
	width: 100%;
	height: 4px;
	background:#dadada;
}
.sc_list{
	border-top: 4px solid #dadada;
	border-bottom:2px dotted #e6e6e6;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 60px;
	z-index: -1;
}
.sc_list p{
	font-size: 36px;
	color: #666666;
	margin-bottom: 60px;
}
.sc_banner{
	position: relative;
}
.sc_banner a{
	display: block;
	width: 17px;
	height: 35px;
	cursor: pointer;
}
.sc_banner .next{
	position: absolute;
	left:-17px;
	bottom: 35px;
}
.sc_banner .prev{
	position: absolute;
	right:-17px;
	bottom: 35px;
}
.sc_banner .bd ul {
	width: 101%;
	height: 106px;
	overflow: hidden;
	padding:0px 17px;
}
.sc_banner .bd ul li{
	float: left;
	width: 214px;
	height: 106px;
	margin:0 10px;
}
.getcode{
	padding-top: 60px;
	text-align: center;
}
.getcode h2{
	font-size: 36px;
	line-height:46px;
	color: #666666;	
	margin-bottom: 40px;
}
.getcode h5{
	font-size: 18px;
	color: #666666;
	margin-bottom: 50px;
}
.getcode ul {
	margin:0 auto;
}
.getcode ul li{
	margin-bottom: 25px;
}
.getcode ul li label{
	display: inline-block;
	width: 75px;
	font-size: 15px;
	text-align: right;
}
.getcode ul li input{
	position: relative;
	width: 520px;
	height: 44px;
	text-align: left;
	padding:0 20px
}
 .getcode ul li input::-webkit-input-placeholder{
            color:#c8c8c8;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
          color:#c8c8c8;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
           color:#c8c8c8;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
           color:#c8c8c8;
        }
 .getcode ul li .coders{
 	width: 300px;
 	margin-right: 20px;
 }
  .getcode ul li a{
  	display: inline-block;
  	width: 200px;
  	height: 44px;
  	background: #fc2d7b;
  	text-align: center;
  	line-height: 44px;
  	color: #ffffff;
  	font-size: 16px;
  	text-decoration: none;
  }
    .getcode .btn_getcode{
    	margin:45px auto 0 auto;
    	display: block;
    	width: 260px;
    	height: 44px;
    		line-height: 44px;
  	color: #ffffff;
  	font-size: 18px;
  	text-decoration: none;
  	background: #1b64ba;
    }
.friendship{
	background:#1b64ba;
	text-align: center;
	height: 60px;
	line-height: 60px;
	margin-top: 70px;
}
.friendship dl{
	height: auto;
	overflow: hidden;
}
.friendship dt,dd{
	float: left;
	color:#fff;
	font-size: 18px;
}
.friendship dt{
	width: 120px;
	background:#0c4e9b;	
}
.friendship dd {
	margin:0 11px;
}
.friendship dd a{
	font-size: 14px;
	color:#fff;
	text-decoration: none;
} 
.footer{
		height: 230px;
		width: 100%;
		background:#202020;
		color:#FFFFFF;
		padding-top: 50px;
		overflow: hidden;
		position:relative;
}
.footer .w1200 dl {
	float: left;
	margin-right:100px ;
}
.footer .w1200 dl dt{
	font-size: 18px;
	margin-bottom: 30px;
}
.footer .w1200  dl dd{
	display: block;
	float: none;
	font-size: 12px;
	line-height: 25px;
}
.footer .w1200 dl dd a{
	color: #ffffff;
	text-decoration: none;
}
.footer .w1200 .twocode p{
	text-align: center;
}
.footer .copy{
	position: absolute;
	left: 50%;
	bottom: 10px;
	margin-left: -222px;
}












